.user {
  background: #f5f5f9;
}

.user .avatar {
  display: flex;
  padding: 50rpx;
  background: #fff;
}

.user .avatar .img {
  width: 100rpx;
  height: 100rpx;
  margin-right: 30rpx;
  border-radius: 50%;
}

.user .avatar text {
  font-size: 40rpx;
  line-height: 100rpx;
}

.user .pay {
  margin-top: 20rpx;
}

.user .pay .pay_top {
  display: flex;
  justify-content: space-between;
  padding: 20rpx 40rpx;
  background: #fff;
}

.user .pay .pay_top text {
  line-height: 60rpx;
}

.user .pay .pay_top .top_left {
  display: flex;
}

.user .pay .pay_top .top_left image {
  width: 60rpx;
  height: 60rpx;
  margin-right: 20rpx;
}

.user .pay .top_nav {
  display: flex;
  justify-content: space-around;
  padding: 20rpx;
  background: #fff;
  margin-bottom: 6rpx;
}

.user .pay .top_nav .nav_item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.user .pay .top_nav .nav_item image {
  width: 60rpx;
  height: 60rpx;
  margin-bottom: 10rpx;
}

.user .list {
  display: flex;
  justify-content: space-between;
  padding: 20rpx 40rpx;
  background: #fff;
  margin-bottom: 6rpx;
}

.user .list .list_left {
  display: flex;
}

.user .list .list_left text {
  line-height: 60rpx;
}

.user .list .list_left image {
  width: 60rpx;
  height: 60rpx;
  margin-right: 20rpx;
}

.user .tuichu {
  padding: 20rpx;
  text-align: center;
  font-size: 40rpx;
  background: #fff;
}
